<template>
  <section class="login-page">
    <div class="left">
      <div class="web-detail">
        <span>杭州时瑞健康产业有限公司于2014年12月24日在杭州市高新区（滨江）市场监督管理局登记成立。法定代表人章佳欢，公司经营范围包括服务：非医疗性健康信息咨询（涉及行医许可证的除外）等。</span>
      </div>
    </div>
    <div class="right">
      <div class="dialog-item">
        <login-form />
      </div>
    </div>
  </section>
</template>
<script>
  import loginForm from './loginForm'
  export default {
    name:'index',
    components:{loginForm},
  }
</script>
<style lang="scss">
  .login-page{
    background-color: #ccc;
    width: 100%;
    height:100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    .left{
      border-right: 1px solid #bbb;
      width:55%;
      height:50%;
      padding: 20px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      .web-detail{
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 50%;
        line-height: 30px;
        padding: 15px;
      }
    }
    .right{
      width: 45%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 20px
    }
    .dialog-item{
      border: 1px solid #ccc;
      background-color: #fff;
      border-radius: 10px;
      padding: 20px;
      width: 60%;
    }
  }
</style>
